<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/page1_error.css"/>
	<style>
		#top_mean{
			width: 100%;
			height: 60px;
			background: #597592;
		}
		#logo{
			width: 170px;
			height: 60px;
		}
		aside{
			width: 170px;
			height: 100%;
			background: #eef3f6;
			position: absolute;
			left: 0;

		}
		footer{
			width: 100%;
			height: 30px;
			background: #405872;
			position: absolute;
			bottom: 0;
			line-height: 30px;
		}
		footer>p{
			color: #ccc;
			margin-left: 30px
		}
		.mean_list{
			text-align: center;
			height: 60px;
			line-height: 60px;
			font-size: 18px;
			color:#405872;
			border: 1px solid #ccc
		}
		.mean_list:hover{
			background: white;
			border-right: none;
		}
		.mean_list>a{
			text-decoration: none;
		}
		.mean_list>a>img{
			width: 18px;
			height: 18px;
		}
	</style>
</head>
<body>
	<header>
		<div id="top_mean">
			<img src="img/logo.png" alt="" id="logo">
		</div>
	</header>
	<section>
		<aside>
			<div class="mean_list page1">
				<a href="page1.html">
					<img src="img/home.png" alt="">
					<span>技能考试</span>
				</a>
			</div>
			<div class="mean_list page2">
				<a href="page2.html">
					<img src="img/note.png" alt="">
					<span>考试管理</span>
				</a>	
			</div>
			<div class="mean_list page3">
				<a href="page3.html">
					<img src="img/book.png" alt="">
					<span>题库管理</span>
				</a>
			</div>
		</aside>
		<div id="content">
			
		</div>
	</section>
	<footer>
		<p>才信教育© 2015-2017</p>
	</footer>
</body>
</html>